/*首页*/

/*主要盒子宽度100%*/
header,
nav,
main,
footer{
    width: 100%;
}

/*容器宽度统一定义,居中*/
.w1512{
    width: 151.28rem;
    margin: 0 auto;
}


/*页面头部*/
header{
    width: 100%;
    height: 100px;
    background: #005bac;
}

/*头部logo*/
.logo{
    width: 1450px;;
    margin: 0 auto;
    padding: 20px 0;
}

.logo a{
    float: left;
    display: block;/*设置为块级元素，独占一行*/
}

.logo img{
    height: 60px;
}

/*头部搜索按钮*/
.links{
    float: right;/*向右对齐*/
    height: 50px;
}

.links a.btn_ser {
    padding: 0 2px;/*上下内边距为0，左右为2px*/
    height: 25px;
    display: block;
    margin-top: 15px;/*设置.btn_ser链接的上外边距为15像素*/
}

/*导航菜单栏目*/
nav {
    position: absolute;
    z-index: 1000;/*防止菜单栏被背景图覆盖*/
    width: 100%;
    height: 50px;
    line-height: 50px;/*设置文本行高为50像素，以便于居中*/
    background: rgba(0, 78, 145, 0.6);/*设置菜单栏的背景色为半透明蓝色*/
}
nav ul {
    height: 45px;
    margin: 0px auto;/*居中列表*/
    max-width: 1450px;/*设置列表最大宽度为1450px*/
}
nav ul li {
    width: 10%;/*设置列表的宽度*/
    float: left;/*向左浮动，达到水平排列效果*/
    height: 50px;
    line-height: 50px;/*垂直居中*/
    text-align: center;/*水平居中*/
    position: relative;
}
nav ul li a {
    display: block;/*设置为块级元素，占据整个列表项的宽度*/
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;/*设置为粗体*/
    width: 100%;
}
/*设置悬停在菜单栏的样式*/
nav li:hover {
    background-color: #89211b;
  }

/*子菜单定义*/
nav ul li .subNav {
    z-index: 1000;/*防止被轮播图覆盖*/
    position: absolute;/*绝对定位，定位与菜单栏上的列表*/
    top: 50px;
    display: none;/*默认隐藏子菜单栏*/
    width: 100%;
    border-top: 2px solid #f6ad3c;/*顶部添加上实线边框*/
  }
/*设置悬停下子菜单的样式*/
nav li:hover ul.subNav{
    display: flex;/*当鼠标悬停在列表上时，将子菜单的显示方式设置为flex布局*/
    flex-direction: column;/*子菜单垂直排列*/
  }
  
  nav ul li ul.subNav li{
    background: #cce1fa;
    width: 100%;
 }
 nav ul li ul.subNav li a{
    font-size: 0.9em;
    color: #020202;/*设置字体为黑色*/
    text-align: left;/*文本对齐方式为左对齐*/
 }

 nav ul li ul.subNav li:hover > a {
    background-color: #a1261f;/*鼠标悬停时的背景色*/
    color: #ffffff; /* 鼠标悬停时，更改文本色以确保在被选中时深色背景上可读 */
}

/*轮播图*/
.Banner {
    height: 472.81px;
    overflow: hidden;/*溢出隐藏*/
    position: relative;
}
.Banner li{
    overflow: hidden;
    float: left;
}
.Banner ul{
    position: absolute;
    left: 0;
    top: 0px;
    width: 5000px;
}
/*箭头*/
.slide_nav {
    position: absolute;
    top: 45%;
    left: 10px;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    height: 50px;
    width: 30px;
    background: url(../images/lf.png) no-repeat left top;
    margin-top: -22px;
}
/*鼠标悬浮效果*/
.slide_nav:hover{
  background-color: #646464;
  color: #000;
}
.slide_nav.next {
    left: auto;
    background: url(../images/rt.png) no-repeat left top;
    right: 10px;
}
/*鼠标悬浮效果*/
.slide_nav.next:hover{
  background-color: #646464;
  color: #000;
}

.content {
    width: 1450px;
    margin: 0 auto;
    overflow: hidden;
}
/*图片新闻*/
.mode00 {
    width: 100%;
    margin: 36px auto 0;
    overflow: hidden;
}
.mode00 ul {
    width: calc(100% - 4px);
    overflow: hidden;
    padding: 10px 4px;
  }
  .mode00 ul li {
    width: calc(25% - 26px);
    height: 435.2px;
    float: left;/*靠左排列*/
    box-shadow: 0px 0px 5px rgba(0,0,0,.2);/*设置阴影边框效果*/
    margin-right: 26px;/*给图片新闻设置间距*/
    position: relative;
    overflow: hidden;
  }
  /*给图片设置统一的高度*/
  .mode00 ul li img{
    height: 252px;
  }
  .border{ 
    position:absolute;
    background:none;
    transition:all 0.5s ease-in-out;
  }
  .mode00 ul li:hover {
    transition: 0.6s all;
  }
  /*添加鼠标悬浮图片变大效果*/
  .mode00 ul li:hover img{
    opacity: 1;transform: scale(1.1);
     transition: 0.6s all;
  }
  /*添加鼠标悬浮标题变为蓝色效果*/
  .mode00 ul li:hover p.title {
    color: #003770;
  }

  .mode00 ul li p {
    display: block;
    margin: 20px 20px 5px;
    line-height: 30px;
    font-size: 16px;
    height: 60px;
    overflow: hidden;
  }
  .mode00 ul li p.description {
    margin: 0 20px 5px;
    font-size: 14px;
    color: #888888
  }
  .mode00 ul li span {
    position: relative;
    line-height: 30px;
    font-size: 14px;
    font-family: Cambria;/*设置字体*/
    text-align: right;
    display: block;
    padding-right: 20px;
  }

  /*学院动态和通知公告的父容器*/
.mode01 {
    width: 100%;
    margin: 36px auto 0;
    overflow: hidden;
}

/*学院动态*/
.news {
  width: 48%;
  float: left;
}
.news .title {
  height: 63px;
  line-height: 63px;
  border-bottom: 1px solid #003770;
}
.news h2 {
  padding: 0 0 0 20px;
  background: url(../images/title_bg_03.png) no-repeat left center;
  width: auto;
  float: left;
  font-size: 2.5rem;
  font-style: bold;
  color: #003770;
}
.news .title a {
  float: right;
  color: #003770;
  font-size: 1.6em;
}
.news_con {
  overflow: hidden;
  margin: 30px 0 0 0;
  position: relative;
}
.news_con ul {
  width: 48%;
  float: left;
}
.news_con ul li {
  padding: 0 0 0 21px;
  border-left: 1px solid #003770;
  margin: 0 0 30px 0;
}
.news_con a {
  font-size: 16px;
  line-height: 22px;
  display: block;
  width: 92%;
}
.news_con p {
  font-family: Cambria;
  font-size: 14px;
  color: #646464;
  padding: 8px 0 0 0;
  font-style: oblique;
}
/*添加鼠标悬浮文字变为蓝色效果*/
.mode01 .news_con ul li:hover a{
  color: #003770;
}
/*通知公告*/
.tongzhi {
  width: 48%;
  float: right;
}
.tongzhi .title {
  height: 63px;
  line-height: 63px;
  border-bottom: 1px solid #003770;
}
.tongzhi h2 {
  padding: 0 0 0 20px;
  background: url(../images/title_bg_03.png) no-repeat left center;
  width: auto;
  float: left;
  font-style: bold;
  font-size: 2.5rem;
  color: #003770;
}
.tongzhi .title a {
  float: right;
  color: #003770;
  font-size: 1.6em;
}
.tongzhi ul {
  margin: 30px 0 0 0;
}
.tongzhi ul li {
  height: 40px;
  margin: 0 0 15px 0;
  overflow: hidden;
  position: relative;
}
.tongzhi ul li a {
  width: calc(100% - 150px);
  height: 25px;
  display: block;
  float: right;
  font-size: 16px;
  line-height: 25px;
  margin-top: 7.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
/*添加鼠标悬浮文字变为蓝色效果*/
.mode01 .tongzhi ul li:hover a{
  color: #003770;
}
.tongzhi ul li .date {
  display: block;
  border: 1px solid #003770;
  float: left;
  height: 25px;
  margin-top: 7.5px;
  position: relative;
}
.tongzhi ul li .day {
  font-family: "times new roman";
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  font-family: Cambria;
  color: #fbd99c;
  display: inline-block;
  padding: 0 10px;
  background: #003770;
}
.tongzhi ul li .month {
  font-family: "times new roman";
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  font-family: Cambria;
  color: #003770;
  padding: 0 10px;
  display: inline-block;
}

/*学院简介*/
.mode02 {
  width: 100%;
  margin: 36px auto 0;/*设置外边距*/
  overflow: hidden;
}
.sm {
  background: url(../images/bb.png);/*设置背景图片*/
  background-size: 100% 100%;/*设置背景填满*/
  position: relative;
  padding: 20px 0 30px;/*设置上边距为20px,下边距为30px*/
  }
.sm_con {
    position: relative;
    margin: 0 auto;/*设置元素居中*/
    width: 700px;/*宽度为700px*/
    height: auto;/*高度设置为自动，以显示全部文本*/
    line-height: 30px;/*文字间距设置为30px*/
    z-index: 200;/*防止被背景图覆盖*/
}
/*简介标题*/
.sm_con h2 {
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  line-height: 3em;
}
/*简介内容*/
.sm_con p {
  font-size: 16px;
  color: #ffffff;
  text-align: left;/*向左对齐*/
  text-indent: 32px;/*第一行设置文本缩进*/
}
/*详情点击框*/
.sm .detail {
  display: block;/*设置为块级元素，独占一行*/
  width: 100%;
  color: #ffffff;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ffffff;/*边框*/
  text-align: center;
  border-radius: 5px;/*设置为圆角*/
  font-size: 1.5em;
  z-index: 200;/*防止被背景图覆盖*/
  margin-top: 10px;/*与上方元素间距10px*/
}

/*科学研究和教育教学*/
.mode03 {
  width: 100%;
  margin: 36px auto 0;/*设置外边距*/
  overflow: hidden;
}

/*科学研究*/
.kexue {
  width: 48%;/*设置宽度为父元素的48%*/
  float: left;/*元素向左浮动*/
}
/*标题*/
.kexue .title {
  height: 63px;
  line-height: 63px;
  border-bottom: 1px solid #003770;/*底部添加一条实线*/
}
.kexue h2 {
  padding: 0 0 0 20px;/*设置左边内边距为20px*/
  background: url(../images/title_bg_03.png) no-repeat left center;/*图片不会重复并且放置在左边中间*/
  width: auto;
  float: left;
  font-size: 2.5rem;
  color: #003770;
}
.kexue .title a {
  float: right;
  color: #003770;
  font-size: 1.6em;
}
.kexue ul {
  margin: 15px 0 0 0;/*设置上边距为15px*/
}
.kexue ul li {
  overflow: hidden;
  font-size: 1.4em;
  line-height: 35px;
  padding: 0 0 0 23px;
  background: url(../images/li_03.png) no-repeat left center;/*图片不会重复并且放置在左边中间*/
}
.kexue ul li span {
  font-family: Cambria;/*设置日期字体*/
  font-style: oblique;/*设置字体样式倾斜*/
  float: right;
  color: #646464;
}
.kexue ul li a {
  float: left;
  font-size: 16px;
}
/*添加鼠标悬浮文字变为蓝色效果*/
.mode03 .kexue ul li:hover a{
  color: #003770;
}
/*教育教学*/
.jiaoyu {
  width: 48%;
  float: right;
}
.jiaoyu .title {
  height: 63px;
  line-height: 63px;
  border-bottom: 1px solid #003770;/*底部添加一条实线*/
}
.jiaoyu h2 {
  padding: 0 0 0 20px;/*设置左边内边距为20px*/
  background: url(../images/title_bg_03.png) no-repeat left center;
  width: auto;
  float: left;
  font-size: 2.5rem;
  color: #003770;
}
.jiaoyu .title a {
  float: right;
  color: #003770;
  font-size: 1.6em;
}
.jiaoyu ul {
  margin: 15px 0 0 0;/*设置上边距为15px*/
}
.jiaoyu ul li {
  overflow: hidden;
  font-size: 1.4em;
  line-height: 35px;
  padding: 0 0 0 23px;
  background: url(../images/li_03.png) no-repeat left center;
}
.jiaoyu ul li span {
  font-family: Cambria;/*设置日期字体*/
  font-style: oblique;/*设置字体样式倾斜*/
  float: right;
  color: #646464;
}
.jiaoyu ul li a {
  float: left;
  font-size: 16px;
}
/*添加鼠标悬浮文字变为蓝色效果*/
.mode03 .jiaoyu ul li:hover a{
  color: #003770;
}
/*底部*/
.footer_wrap {
  margin-top: 40px;
  width: 100%;
  background: url(../images/footer.png) no-repeat center;
  background-size: 100% 100%;
}
.footer_wrap .link {
  float: none !important;
  width: 1100px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}
.footer_wrap .link a {
  padding-right: 20px;
  color: #ffffff;
}
.fhx {
  width: 100%;
  height: 1px;
  background-color: #ffffff;
}
.footer {
  max-width: 1100px;
  margin: 0 auto;
}
.footer_logo {
  padding: 40px 20%;
}
.copy {
  color: #ffffff;
  font-size: 1.5em;
  width: auto;
  line-height: 30px;
  text-align: center;
  padding: 10px 0 40px;
  letter-spacing: 0.6px;
}
.footer_wrap p {
  text-align: center;
  width: 100%;
  line-height: 40px;
  width: 100%;
  color: #ffffff;
}